<!--
Cette page contient le header de notre site web
-->
<!DOCTYPE html>
<html lang="fr">
    <head>
        <title>Jeu du chifoumi</title>
        <meta charset="utf-8" />
        <!--CSS-->
        <link rel="stylesheet" href="css/design.css" />
        <!--CSS pour Internet Explorer-->
        <!--[if lte IE 9]>
            <h2>Veuillez changer de navigateurs, le jeu de chifoumi fonctionne avec la technologie HTML 5</h2>
        <![endif]-->
        <!--[if !IE]>
        <!--on insère le librairie jquery-->
        <script type="text/javascript" src="lib/jquery-1.3.1.min.js"></script>
        <!--on insère le fichier script qui contient les fonctions jquery -->
        <script type="text/javascript" src="jquery/script.js"></script>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">

            // Fonction permettant de cacher ou de montrer les différents onglets
            $(function() {
                $(".onglet").hide();
                $(".onglet:first").show();
            });

            // Fonction permettant d'ajouter un effet sur l'apparition des onglets
            $(function() {
                $("#regles a").click(function() {
                    $(".onglet").slideUp("slow");
                    var idOnglet=$(this).attr("href");
                    $(idOnglet).slideDown("slow");
                    // enlever le focus sur le lien clique = plus joli
                    $(this).blur();
                    return false;
                });
            });
        </script>
    </head>

    <body>

        <header>
            <img src="./img/chifoumi.jpg" alt="banniere" width="600" height="170" />
        </header>

